<script>
export default {
  name: "gridAdvColStyle-editor",
  props: {
    designer: Object,
    selectedWidget: Object,
    optionModel: Object,
  },
  computed: {
    gridAdvColStyle() {
      return this.optionModel.gridAdvColStyle
    }
  }
}
</script>

<template>
  <div class="gridAdvColWrapper">
    <el-form-item label="行开始">
      <el-input-number  v-model="gridAdvColStyle.gridRowStart"></el-input-number>
    </el-form-item>
    <el-form-item label="行结束">
      <el-input-number v-model="gridAdvColStyle.gridRowEnd"></el-input-number>
    </el-form-item>
    <el-form-item label="列开始">
      <el-input-number v-model="gridAdvColStyle.gridColumnStart"></el-input-number>
    </el-form-item>
    <el-form-item label="列结束">
      <el-input-number v-model="gridAdvColStyle.gridColumnEnd"></el-input-number>
    </el-form-item>
  </div>
</template>

<style scoped lang="scss">
/*.gridAdvColWrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-row-gap: 10px;

}*/
</style>
